import nextApi from '@/api/nextApi'
import config from "@/utils/config";
import {message} from "ant-design-vue";
// 工具栏
export const toolbarConfig = {
    /* 工具栏配置 */
    toolbarKeys: [
        'bold',
        'clearStyle',
        'color',
        'bgColor',
        'fontSize',
        '|',
        // 菜单组，包含多个菜单
        {
            key: 'group-image', // 必填，要以 group 开头
            // title: '图片', // 必填
            iconSvg: '<svg viewBox="0 0 1024 1024"><path d="M959.877 128l0.123 0.123v767.775l-0.123 0.122H64.102l-0.122-0.122V128.123l0.122-0.123h895.775zM960 64H64C28.795 64 0 92.795 0 128v768c0 35.205 28.795 64 64 64h896c35.205 0 64-28.795 64-64V128c0-35.205-28.795-64-64-64zM832 288.01c0 53.023-42.988 96.01-96.01 96.01s-96.01-42.987-96.01-96.01S682.967 192 735.99 192 832 234.988 832 288.01zM896 832H128V704l224.01-384 256 320h64l224.01-192z"></path></svg>',
            menuKeys: ['uploadImage', 'insertImage', 'deleteImage', 'editImage', 'viewImageLink']
        },
        'divider',
        'emotion',
        'blockquote',
        'headerSelect',
        'redo',
        'undo',
        'fullScreen'
    ]
}
export const MENU_CONF = {
    uploadImage: {
        async customUpload(file, insertFn) {
            console.log(file)
            // // 上传图片
            const fd = new FormData()
            fd.append('file', file)
            try {
                const res = await nextApi.uploadImage(fd)
                //console.log(res)
                // 如果上传成功
                if (res) {
                    insertFn(res.msg)
                }
            } catch (err) {
                message.error('上传图片错误')
                //console.log(err)
            }
        },
    },
}
